---
layout: demo
title: SUI Mobile Demo
---
<div id="page-facebook-card" class="page">
  <header class="bar bar-nav">
    <a class="button button-link button-nav pull-left back" href="/demos/card">
      <span class="icon icon-left"></span>
      返回
    </a>
    <h1 class="title">表单</h1>
  </header>
  <div class="content">
    <div class="content-block-title">Facebook卡片</div>
    <div class="card facebook-card">
      <div class="card-header no-border">
        <div class="facebook-avatar"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="34" height="34"></div>
        <div class="facebook-name">夜萧</div>
        <div class="facebook-date">星期一 3:47pm</div>
      </div>
      <div class="card-content"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="100%"></div>
      <div class="card-footer no-border">
        <a href="#" class="link">赞</a>
        <a href="#" class="link">评论</a>
        <a href="#" class="link">分享</a>
      </div>
    </div>
    <div class="card facebook-card">
      <div class="card-header no-border">
        <div class="facebook-avatar"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="34" height="34"></div>
        <div class="facebook-name">夜萧</div>
        <div class="facebook-date">星期一 3:47pm</div>
      </div>
      <div class="card-content"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="100%"></div>
      <div class="card-footer no-border">
        <a href="#" class="link">赞</a>
        <a href="#" class="link">评论</a>
        <a href="#" class="link">分享</a>
      </div>
    </div>
  </div>
</div>
